import React, { Component } from 'react';


import HotBook1 from '../img/hotBook1.png'

class hotFree extends Component {
    render() {
        return (
            <div>
                <div className="timeBox">
                    <h3>人气免费</h3>
                    <span>更多 ></span>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>顾学神的小甜酒</h3>
                        <span style={{fontSize:"13px"}}>高冷老板和惊奇写手的逗趣日常，耍萌，斗斗嘴，日子过得顺风顺水。你负责赚钱养家，我负...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：曲奇不夹心</p>
                    </div>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>不止温柔</h3>
                        <span style={{fontSize:"13px"}}>江医生是AS（阿斯伯格综合征）患者。对他来说女人只是个有温度的生物而已。他不会察言观...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：江独欢</p>
                    </div>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>快穿之入戏美人</h3>
                        <span style={{fontSize:"13px"}}>十八线摸爬滚打小女星×演技精湛浓颜系当红影帝十八线小女星郁卿认为自己是走了狗屎运，才能...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：逢狸</p>
                    </div>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>秦先生今天还没表白</h3>
                        <span style={{fontSize:"13px"}}>重活一世，她变成痴傻还丑的怪胎。所有人都瞧不起她，打她，骂她…直到那个权势遮天的男人...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：十里清欢</p>
                    </div>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>邵先生每天都在被离婚</h3>
                        <span style={{fontSize:"13px"}}>阮恬醒来，失去四年记忆。面对丈夫来势汹汹的白月光前女友，和昔日闺蜜今日继母的好友，阮...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：野猫当家</p>
                    </div>
                </div>
                <div className="timeBox">
                    <h3>新书免费</h3>
                    <span>更多 ></span>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>顾学神的小甜酒</h3>
                        <span style={{fontSize:"13px"}}>高冷老板和惊奇写手的逗趣日常，耍萌，斗斗嘴，日子过得顺风顺水。你负责赚钱养家，我负...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：曲奇不夹心</p>
                    </div>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>不止温柔</h3>
                        <span style={{fontSize:"13px"}}>江医生是AS（阿斯伯格综合征）患者。对他来说女人只是个有温度的生物而已。他不会察言观...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：江独欢</p>
                    </div>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>快穿之入戏美人</h3>
                        <span style={{fontSize:"13px"}}>十八线摸爬滚打小女星×演技精湛浓颜系当红影帝十八线小女星郁卿认为自己是走了狗屎运，才能...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：逢狸</p>
                    </div>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>秦先生今天还没表白</h3>
                        <span style={{fontSize:"13px"}}>重活一世，她变成痴傻还丑的怪胎。所有人都瞧不起她，打她，骂她…直到那个权势遮天的男人...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：十里清欢</p>
                    </div>
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>邵先生每天都在被离婚</h3>
                        <span style={{fontSize:"13px"}}>阮恬醒来，失去四年记忆。面对丈夫来势汹汹的白月光前女友，和昔日闺蜜今日继母的好友，阮...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>作者：野猫当家</p>
                    </div>
                </div>
                <div className="botmBox">
                    <div>书架</div>
                    <div>充值</div>
                    <div>帮助</div>
                    <div>客户端</div>
                </div>
                <p style={{textAlign:"center",fontSize:"18px"}}>
                        copyright © 2002-2019 m.xs8.cn
                </p>
            </div>
        );
    }
}

export default hotFree;